<#include "../header.ftl">
<html>
<head>
    <link href="../../static/js/plugins/ztree/zTreeStyle/zTreeStyle.css" rel="stylesheet" type="text/css"/>
</head>
<body>

<#include "../nav-top.ftl">
<div class="sui-container" style="margin-top: 30px;">
    <ul class="sui-breadcrumb" style="padding: 0px 0px">
        <li><a href="#">账号群组管理</a></li>
        <li><a href="#">账号管理</a></li>
        <li class="active">新增账号</li>
    </ul>
    <form id="form-user" class="sui-form form-horizontal" novalidate="novalidate">
    <div class="sui-row-fluid">

        <div class="span10">

                <div class="control-group">
                    <label for="accountName">账号：</label>
                    <div class="controls">
                        <input class="input-xlarge input-fat" id="accountName" name="accountName" type="text"
                               placeholder="账号" data-rules="required|minlength=2|maxlength=20">
                    </div>
                </div>
                <div class="control-group">
                    <label for="nickName">昵称：</label>
                    <div class="controls">
                        <input class="input-xlarge input-fat" id="nickName" name="nickName" type="text" placeholder="昵称"
                               data-rules="required|maxlength=20">
                    </div>
                </div>
                <div class="control-group">
                    <label for="password">密码：</label>
                    <div class="controls">
                        <input class="input-xlarge input-fat" id="password" name="password" type="password"
                               placeholder="密码" data-rules="required">
                    </div>
                </div>
            <div class="control-group">
                <label for="uremark">备注：</label>
                <div class="controls">
                    <textarea rows="3" class="input-xlarge" id="uremark" name="uremark"></textarea>
                </div>
            </div>


        </div>
    </div>
    <div class="sui-row-fluid">
        <div class="span3">
            <div class="sui-row-fluid">
                <table class="sui-table table-bordered-simple rowover-table">
                <thead>
                <tr>
                    <th>选择</th>
                    <th>渠道名称</th>
                    <th>备注</th>
                </tr>
                </thead>
                </table>
            </div>
            <div class="sui-row-fluid" style="max-height: 300px;overflow-y: auto">
                <table class="sui-table table-bordered-simple rowover-table">
                <#--<thead>-->
                <#--<tr>-->
                <#--<th>选择</th>-->
                <#--<th>渠道名称</th>-->
                <#--<th>备注</th>-->
                <#--</tr>-->
                <#--</thead>-->
                <tbody>
                <#list channelList as channel>
                <tr>
                    <td>
                        <input type="checkbox" name="user-channel" value="${channel.channelId}">
                    </td>
                    <td>${channel.channelName}</td>
                    <td>${channel.channelRemark}</td>
                </tr>
                </#list>

                </tbody>
            </table>
            </div>
        </div>
        <div class="span3">
            <div class="sui-row-fluid">
                <table class="sui-table table-bordered-simple">
                    <thead>
                    <tr>
                        <th>授权项</th>
                        <th></th>
                    </tr>
                    </thead>
                </table>
            </div>
            <div class="sui-row-fluid" style="max-height: 300px;overflow-y: auto">
                <table class="sui-table table-bordered-simple">
                    <tbody>
                    <tr>
                        <td>
                        </td>
                        <td>
                            <div id="div_com">
                                <ul id="ztree" class="ztree"></ul>
                            </div>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    <div class="sui-row-fluid" style="margin-top: 20px;">
        <div class="span3">
            <button href="javascript:void(0);" type="submit" class="sui-btn btn-xlarge btn-primary create-user">创建
            </button>
            <a href="/user" class="sui-btn btn-xlarge btn-info">返回</a>
        </div>
    </div>
    </form>
</div>
<#include "../footer.ftl">
<script src="../../static/js/plugins/sea/sea.js"></script>
<script src="../../static/js/sea.config.js"></script>
<script>
    seajs.use('/static/js/game/user/add');
</script>
</body>
</html>
